@charset "utf-8";


//轮播
.shoplist-carou{
    .swiper-container {
        width: 100%;
        height: 310px;
        position: relative;
    }
    .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
    .shoplist-carou-pic{
        height: 310px;
        width: 100%;
        position: relative;
        img{
            position: absolute;
            left: 0;
        }
        input{
            position: absolute;
            left: 18.9%;
            top: 228px;
        }
    }
}

//内容
.shoplist-content{
    box-sizing: border-box;
    height: 1074px;
    width: 960px;
    margin: 12px auto 49px;
    .shoplist-content-top{
        box-sizing: border-box;
        width: 960px;
        height: 54px;
        border: 1px solid #efefef;
        li{
            width: 103px;
            display: inline-block;
            text-align: center;
            font-size: 14px;
            line-height: 52px;
            color: #444f58;
        }
        li:hover{
            color: #e60012;
        }
        a:first-child{
            position: relative;
        }
        a:first-child::after{
            position: absolute;
            content: "";
            height: 14px;
            top: 50%;
            margin-top: -7px;
            border-right: 1px solid #f5f5f5;
        }
        .shoplist-search{
            box-sizing: border-box;
            width: 190px;
            height: 30px;
            border: 1px solid #dcdee0;
            border-radius: 15px;
            position: relative;
            margin-top: 11px;
            margin-right: 21px;
            input[type="search"]{
                position: absolute;
                left: 11px;
                width: 120px;
                height: 28px;
                border: none;
            }
            input[type="button"]{
                position: absolute;
                right: 10px;
                width: 28px;
                height: 28px;
                background: url(../../img/other/shoplist-search.png) center no-repeat;
            }
        }
    }
    
   .shoplist-content-box{
       box-sizing: border-box;
       height: 1006px;
       width: 960px;
       .shoplist-content-item{
           box-sizing: border-box;
           height: 300px;
           widows: 960px;
           margin-top: 14px;
           border: 1px solid #efefef;
           .shoplist-content-item-left{
               width: 218px;
               height: 298px;
               text-align: center;
               position: relative;
               .shoplist-list-pic1{
                   width: 70px;
                   height: 70px;
                   overflow: hidden;
                   margin: 54px auto 22px;
                   img{
                       width: 100%;
                   }
               }
               p:first-of-type{
                   font-size: 14px;
                   font-weight: bold;
                   line-height: 14px;
                   color: #e60012;
                   margin-bottom: 7px;
               }
               p~p{
                   font-size: 12px;
                   line-height: 20px;
                   color: #444f58;
               }
               input{
                   position: absolute;
                   left: 50%;
                   margin-left: -29px;
                   bottom: 55px;
                   width: 58px;
                   height: 26px;
                   background: #e60012;
                   font-size: 14px;
                   border-radius: 3px;
                   color: #FFFFFF;
               }
           }
           .shoplist-content-item-right{
               li{
                   display: inline-block;
                   box-sizing: border-box;
                   width: 172px;
                   height: 260px;
                   border: 1px solid #efefef;
                   margin-top: 19px;
                   margin-right: 5px;
                   transition: 0.3s;
                   .shoplist-content-item-pic{
                       width: 170px;
                       height: 170px;
                       overflow: hidden;
                       img{
                           width: 100%;
                       }
                   }
                   .shoplist-content-item-text{
                       box-sizing: border-box;
                       height: 88px;
                       width: 170px;
                       background: #efefef;
                       padding-top: 11px;
                       padding-left: 11px;
                       position: relative;
                       p{
                           font-size: 14px;
                           color: #444f58;
                       }
                       p:first-of-type{
                           margin-bottom: 6px;
                       }
                       input{
                           position: absolute;
                           right: 0;
                       }
                   }
               }
               li:hover{
                   box-shadow:0 15px 30px rgba(0,0,0,0.1);
                transform: translateY(-3px);
               }
           }
       }
       
   }
}
